<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <script src="js/rem.js"></script>
    <script src="js/border1px.js"></script>
    <link rel="stylesheet" href="css/lession10-1.css">
    <style>
        .box100 {
            width:0.5rem;
            height:0.5rem;
            background: url(imgs/img100.png) no-repeat center center;
            background-size:0.5rem 0.5rem;
        }

        .box50 {
            width:0.5rem;
            height:0.5rem;
            background: url(imgs/img50.png) no-repeat center center;
            background-size:0.5rem 0.5rem;
        }
    </style>
</head>
<body>
    <!-- 头部导航 begin -->
    <div class="header">
        
    </div>
    <!-- 头部导航 begin -->

    <!-- 新闻导航列表 begin -->
    <div class="newsListNav border border-bottom">
        <div class="newsListNav-bd">
                <a href="" class="active">推荐</a>
                <a href="">视频</a>
                <a href="">热点</a>
                <a href="">社会</a>
               <a href="">娱乐</a> 
                <a href="">军事</a> 
                <a href="">科技</a>  
                <a href="">汽车</a>
                <a href="">家居</a>
                <a href="">体育</a>
                <a href="">财经</a>
           
        </div>
        
        <div  class="newsListNav-ft">
            <a href="">
                <img src="imgs/add.svg" />
            </a>
        </div>
    </div>
    <!-- 新闻导航列表 end -->

    <div class="box100">
        
    </div>
    <div class="box50"></div>
</body>
</html>